<script>
	import VHeader from './components/Header'
	import VBar from './components/Bar'
	import VTabItem from './components/BarTabItem'
	import store from '././vuex/store'

	export default {
		ready () {
			this.options.items = [
				{
					path: '/home',
					label: '首页'
				}, {
					path: '/notice',
					label: '公告'
				}, {
					path: '/use',
					label: '自己'
				}, {
					path: '/more',
					label: '更多'
				}
			]
		},
		data () {
			return {
				isIndex: true,
				title: '首页',
				options: {
					items: [],
					activeClass: 'active'
				}
			}
		},
		store: store,
		components: {
			VHeader,
			VBar,
			VTabItem
		}
	}
</script>

<template>
	<div class='page'>
		<v-header></v-header>
		<router-view transition='slide' keep-alive></router-view>
		<v-bar type='tab' v-if='isIndex'>
			<v-tab-item :options='options'></v-tab-item>
		</v-bar>
	</div>
</template>

